<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML to Image to PDF</title>
    <link rel="stylesheet" href="./css/print-lock.css">
</head>
<body>

    <style>
        .hiprint-printPaper {
            transform: rotate(180deg);
        }
   
    </style>



    <div class="hiprint-printTemplate">
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 30mm 20mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="20" style="width: 30mm; height: 19mm;">
                <div class="hiprint-printPaper-content">
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 楷体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 2.25pt; top: 0pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品名:</span><span
                                      style="grid-column: 2;">外套</span></div>
                        </div>
                    </div>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 微软雅黑; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0.75pt; top: 11.2448pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品货号:</span><span
                                      style="grid-column: 2;">DX4412446436366711111111111111111111111111111111111111111111111111111111111111111111111111111</span></div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 34pt; left: 55pt; display: none;">1-6</span>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 霞鹜新晰黑体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0pt; top: 26.25pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">规格组合:</span><span
                                      style="grid-column: 2;">灰色 / L</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 30mm 20mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="20" style="width: 30mm; height: 19mm;">
                <div class="hiprint-printPaper-content">
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 楷体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 2.25pt; top: 0pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品名:</span><span
                                      style="grid-column: 2;">外套</span></div>
                        </div>
                    </div>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 微软雅黑; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0.75pt; top: 11.2448pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品货号:</span><span
                                      style="grid-column: 2;">DX441244643636671</span></div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 34pt; left: 55pt; display: none;">2-6</span>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 霞鹜新晰黑体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0pt; top: 26.25pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">规格组合:</span><span
                                      style="grid-column: 2;">灰色 / XL</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 30mm 20mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="20" style="width: 30mm; height: 19mm;">
                <div class="hiprint-printPaper-content">
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 楷体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 2.25pt; top: 0pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品名:</span><span
                                      style="grid-column: 2;">外套</span></div>
                        </div>
                    </div>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 微软雅黑; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0.75pt; top: 11.2448pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品货号:</span><span
                                      style="grid-column: 2;">DX441244643636671</span></div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 34pt; left: 55pt; display: none;">3-6</span>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 霞鹜新晰黑体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0pt; top: 26.25pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">规格组合:</span><span
                                      style="grid-column: 2;">红色 / S</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 30mm 20mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="20" style="width: 30mm; height: 19mm;">
                <div class="hiprint-printPaper-content">
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 楷体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 2.25pt; top: 0pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品名:</span><span
                                      style="grid-column: 2;">外套</span></div>
                        </div>
                    </div>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 微软雅黑; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0.75pt; top: 11.2448pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品货号:</span><span
                                      style="grid-column: 2;">DX441244643636671</span></div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 34pt; left: 55pt; display: none;">4-6</span>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 霞鹜新晰黑体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0pt; top: 26.25pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">规格组合:</span><span
                                      style="grid-column: 2;">红色 / M</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 30mm 20mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="20" style="width: 30mm; height: 19mm;">
                <div class="hiprint-printPaper-content">
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 楷体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 2.25pt; top: 0pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品名:</span><span
                                      style="grid-column: 2;">外套</span></div>
                        </div>
                    </div>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 微软雅黑; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0.75pt; top: 11.2448pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品货号:</span><span
                                      style="grid-column: 2;">DX441244643636671</span></div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 34pt; left: 55pt; display: none;">5-6</span>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 霞鹜新晰黑体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0pt; top: 26.25pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">规格组合:</span><span
                                      style="grid-column: 2;">红色 / L</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hiprint-printPanel panel-index-undefined">
            <style printstyle="">
                @page {
                    border: 0;
                    padding: 0cm;
                    margin: 0cm;
                    size: 30mm 20mm;
                }
            </style>
            <div class="hiprint-printPaper" original-height="20" style="width: 30mm; height: 19mm;">
                <div class="hiprint-printPaper-content">
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 楷体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 2.25pt; top: 0pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品名:</span><span
                                      style="grid-column: 2;">外套</span></div>
                        </div>
                    </div>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 微软雅黑; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0.75pt; top: 11.2448pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">商品货号:</span><span
                                      style="grid-column: 2;">DX441244643636671</span></div>
                        </div>
                    </div><span class="hiprint-paperNumber"
                          style="position: absolute; top: 34pt; left: 55pt; display: none;">6-6</span>
                    <div class="hiprint-printElement hiprint-printElement-longText"
                         style="position: absolute; font-family: 霞鹜新晰黑体; font-size: 10.5pt; font-weight: normal; text-align: left; line-height: 10.5pt; color: rgb(0, 0, 0); width: 81.75pt; left: 0pt; top: 26.25pt;">
                        <div class="hiprint-printElement-longText-content hiprint-printElement-content"
                             style="height:100%;width:100%"><span class="long-text-indent"></span>
                            <div style="display: grid; grid-template-columns: max-content 1fr; gap: 5px 0;"><span
                                      style="grid-column: 1; white-space: nowrap;">规格组合:</span><span
                                      style="grid-column: 2;">红色 / XL</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</body>
</html>